<template>
	<view class="page">
		<view>
			<image src="../../static/mintai.jpg" class="img"></image>
		</view>
		<view class="uni-padding-wrap uni-common-mt">
			<view class="uni-card">
				<view class="uni-card-content uni-flex uni-row">
					<view class="uni-card-content-inner">
						<image src="../../static/biaoqian.png" class="img-grid"></image>
						<view>
							<text>所有订单</text>
						</view>
					</view>
					<view class="uni-card-content-inner">
						<image src="../../static/shenqingjindu.png" class="img-grid"></image>
						<view class="">
							<text>申请进度</text>
						</view>
					</view>
					<view class="uni-card-content-inner">
						<image src="../../static/cheliangpinggu.png" class="img-grid"></image>
						<view class="">
							<text>车辆评估</text>
						</view>
					</view>
					<view class="uni-card-content-inner">
						<image src="../../static/shipingmianqian.png" class="img-grid"></image>
						<view class="">
							<text>视频面签</text>
							
						</view>
					</view>

				</view>
			</view>

			<view class="uni-card">
				<view class="uni-flex uni-row">
					<view class="uni-flex uni-column" style="flex: 1;">
						<view class="text-qcaj" >
							汽车按揭
						</view>
						<view class="uni-flex uni-row ">
							<view class="text-3" style="flex: 1;">7成起批</view>
							<view class="text-3" style="flex: 1;">1小时审批</view>
							<view class="text-3" style="flex: 1;">1天放款</view>
						</view>
					</view>
					<view class="text" style="width: 200upx;display: flex; justify-content: center;align-items: center;">
						<button type="warn" class="btn">立即申请</button>
					</view>
				</view>
				<!-- <view class=""> -->
				<view class="uni-flex uni-row" style="justify-content: space-between;">
					<view class="text1">最高可贷100万</view>
					<view class="text2">月综合费低至0.68%</view>
				</view>
			</view>
			<view class="uni-card">
				<view class="uni-flex uni-row">
					<view class="uni-flex uni-column" style="flex: 1;">
						<view class="text-qcaj" >
							房产抵押
						</view>
						<view class="uni-flex uni-row ">
							<view class="text-3" style="flex: 1;">7成起批</view>
							<view class="text-3" style="flex: 1;">额度高</view>
							<view class="text-3" style="flex: 1;">费率低</view>
						</view>
					</view>
					<view class="text" style="width: 200upx;display: flex; justify-content: center;align-items: center;">
						<button type="warn" class="btn">立即申请</button>
					</view>
				</view>
				<!-- <view class=""> -->
				<view class="uni-flex uni-row" style="justify-content: space-between;">
					<view class="text1">最高可贷800万</view>
					<view class="text2">月综合费低至0.88%</view>
				</view>
			</view>
			<view class="uni-card">
				<view class="uni-flex uni-row">
					<view class="uni-flex uni-column" style="flex: 1;">
						<view class="text-qcaj" >
							装修贷款
						</view>
						<view class="uni-flex uni-row ">
							<view class="text-3" style="flex: 1;">新房装修</view>
							<view class="text-3" style="flex: 1;">手续简便</view>
							<view class="text-3" style="flex: 1;">快速审批</view>
						</view>
					</view>
					<view class="text" style="width: 200upx;display: flex; justify-content: center;align-items: center;">
						<button type="warn" class="btn">立即申请</button>
					</view>
				</view>
				<!-- <view class=""> -->
				<view class="uni-flex uni-row" style="justify-content: space-between;">
					<view class="text1">最高可贷800万</view>
					<view class="text2">月综合费低至0.88%</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style>
	.img {
		width: 750upx;
		height: 300upx;
	}

	,
	.img-grid {
		width: 70upx;
		height: 70upx;
	}

	.uni-card-content {
		font-size: 230upx;
	}

	.page {
		background: #F8F8F8;
		height: 100%;
	}
	.text1{
		margin: 20upx;
		font-size: 30upx;
	}
	.text2{
		margin: 20upx;
		font-size: 30upx;
	}
	.btn{
		background: #d90100;
		margin-right: 18upx;
		margin-top: 63upx;
	}
	.uni-card-content{
		justify-content: center; 
		align-items: center;
		text-align: center;
	}
	.text-3{
		border: 2upx solid #BBBBBB;
		border-radius: 10upx;
		text-align: center;
		margin: 15upx;
		height: 55upx;
	}
	.text-qcaj{
		font-size: 40upx;
		padding-left: 35upx;
		padding-top: 20upx;
	}
</style>
